<template>
    <div id="app">
        <!--撑满页面-->
        <el-container>
            <el-header>
                <div style="width:1200px;margin: 0 auto">
                    <div style="float: left" class="logo"/>
                    <div style="float: left">
                        <a href="/">首页</a>
                        <a href="detail">买车</a>
                        <a href="saleCar">卖车</a>
                        <a href="/forumIndex">论坛</a>
                        <a href="/order">购买</a>
                        <a href="introduction">关于我们</a>
                        <a href="/partner">加盟合伙人</a>
                    </div>
                    <div style="margin: 0 auto;float: right">
                        <a href="/login">登录</a>
                        <el-divider direction="vertical"></el-divider>
                        400-050-9352
                    </div>
                </div>
            </el-header>

            <div>
                <p>
                    <img src="../assets/partner_img/hehuoren_v1_3.jpg" alt="">
                    <img src="../assets/partner_img/hehuoren_v3.jpg" alt="">
                    <img src="../assets/partner_img/hehuoren_v4_3.jpg" alt="">
                    <img src="../assets/partner_img/hehuoren_v5_3.jpg" alt="">
                    <img src="../assets/partner_img/hehuoren_v6_3.jpg" alt="">
                    <img src="../assets/partner_img/hehuoren_v8_2.jpg" alt="">
                </p>
            </div>

            <!--top-->
            <el-backtop :bottom="120">
                <div style="{
                height: 100%;
                width: 100%;
                background-color: #f2f5f6;
                box-shadow: 0 0 6px rgba(0,0,0, .12);
                text-align: center;
                line-height: 40px;
                color: #1989fa;
                }">Top</div>
            </el-backtop>

            <div id="r-footer">
                <div class="r-footer-container">
                    <div class="baozhang"></div>
                    <div class="link-clearfix">
                        <div class="link-left">
                            <div class="link-left_item">
                                <div class="link-left_item-title">关于我们</div>
                                <ul>
                                    <li><a href="">公司介绍</a></li>
                                    <li><a href="">联系我们</a></li>
                                    <li><a href="">加入我们</a></li>
                                    <li><a href="">加盟合伙人</a></li>
                                </ul>
                                <ul>
                                    <li><a href="">用户服务协议</a></li>
                                    <li><a href="">隐私政策</a></li>
                                    <li><a href="">法律声明</a></li>
                                    <li><a href="">协议及声明</a></li>
                                </ul>
                            </div>
                            <div class="link-left_item" style="width: 140px">
                                <div class="link-left_item-title">交易流程</div>
                                <ul>
                                    <li><a href="">买车流程</a></li>
                                    <li><a href="">卖车流程</a></li>
                                    <li><a href="">异地购车</a></li>
                                </ul>
                            </div>
                            <div class="link-left_item">
                                <div class="link-left_item-title">二手车精选</div>
                                <ul>
                                    <li><a href="">车型库</a></li>
                                    <li><a href="">二手车资讯</a></li>
                                    <li><a href="">二手车问答</a></li>
                                </ul>
                                <ul>
                                    <li><a href="">二手车估价</a></li>
                                    <li><a href="">二手车迁入标准</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="link-right">
                            <div class="link-right_tel">
                                <div class="number">400-039-6051</div>
                                <div class="time">周一至周日 9:00-18:00</div>
                                <div class="text">免费咨询(咨询、建议、投诉)</div>
                            </div>
                            <div class="link-right_app">
                                <div class="r-item">
                                    <span>关注微信</span>
                                    <div class="lazyload">
                                        <!--<img src="../assets/salecar_img/wechat.jpg" alt="" style="width: 100%;">-->
                                    </div>
                                </div>
                                <div class="r-item">
                                    <span>下载APP</span>
                                    <div class="lazyload">
                                        <!--<img src="../assets/salecar_img/down-app.png" alt="" style="width: 100%;">-->
                                    </div>
                                </div>
                            </div>
                            <div class="link-right_sns">
                            </div>
                        </div>
                    </div>
                </div>
                <div id="r-footer-copyright">
                    <div class="r-footer-copyright-container">
                        <img src="../assets/salecar_img/wangbei.png" alt="" >
                    </div>
                </div>
            </div>


        </el-container>

    </div>
</template>

<script>


export default {

}
</script>

<style>

el-header{
    height: 59px;
    line-height: 59px;
}


div a{
    text-align: left ;
    margin-right: 15px ;
    color: #222;
    text-decoration: none;
    cursor: pointer;/*鼠标悬停变手*/
    line-height: 60px;

}
div a:hover{
    color: orange;
}
div p{
    width: 1200px;
    margin: 0 auto;
}

.logo {
    float: left;
    width: 100px;
    display: block;
    height: 58px;
    background: url("../assets/partner_img/logo.jpg") no-repeat;
    background-size: 100%;
    background-position-y: 0px;
}

.logo:hover {
    overflow: hidden;
    background-position-y: -60px;
}

#ft_bottom p {
    margin-bottom: 5px;

}

#ft_bottom a, #ft_bottom p {
    color: #FFFFFF;
    text-decoration: none;

}

.link-clearfix {
    width: 1200px;
    height: 160px;
    margin: 40px auto;
}

.link-left {
    width: 758px;
    height: 123px;
    float: left;
}
.link-left a{
    text-decoration: none;
}
.link-left a:hover{
    color: #ff6d24;
}

.link-left_item {
    width: 300px;
    height: 123px;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: top;
}

.link-left_item-title {
    width: 234px;
    height: 21px;
    font-size: 16px;
    color: #fff;
    margin: 0 0 10px 0;
}

ul {
    display: inline-block;
    padding: 0;
    margin: 0 40px 0 0;
    vertical-align: top;
}

li {
    line-height: 24px;
    font-size: 14px;
    list-style: none;
    width: 110px;
    height: 24px;
}

li > a {
    font-size: 13px !important;
    color: #adadad;
}

.link-right{
    float: right;
    width: 440px;
    position: relative;
}
.link-right_tel{
    width: 160px;
    float: left;
    color: #fff;
}

.link-right_app{
    float: left;
    width: 272px;
    height: 136px;
}
.link-right_sns{
    display: block;
    float: left;
    width: 424px;
    height: 24px;
    background-image: url("../assets/partner_img/sns1.png");
}



#r-footer {
    background-color: #4c4c4c;
    width: 100%;
    height: 400px;
}

.r-footer-container {
    width: 1200px;
    height: 320px;
    margin: 0 auto;

}
#r-footer-copyright{
    width: 100%;
    height: 80px;
    font-size: 12px;
    color: #fff;
    background-color: #2f2f2f;

}
.r-footer-copyright-container{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.baozhang {
    height: 74px;
    font-size: 16px;
    color: #fff;
    background-image: url("../assets/partner_img/b1.png");
}

</style>
